 page {
  .redText{
    color: red;
  }
   background-color: #f6f6f6;
   .content {
     background: #f6f6f6;
     z-index: -2;
     padding-bottom: 71rpx;
     // 顶部橘黄色背景
     .background {
       width: 750rpx;
       height: 138rpx;
       background: #f6a526;
       position: fixed;
       top: 0;
       left: 0;
     }

     .content-list {
       position: relative;
       padding: 28rpx;
       margin: 0rpx 25rpx 18rpx 25rpx;
       border-radius: 16rpx;
       background: #fff;
       margin-top: 0;

       .border {
         position: absolute;
         top: 32rpx;
         left: 0;
         width: 6rpx;
         height: 40rpx;
         background-color: #F6A526;

       }

       .list-h1 {
         display: flex;
         font-size: 26rpx;
         color: #9e9e9e;
         margin-bottom: 33rpx;

         &:last-child {
           margin-bottom: 0;


         }

         text {
           &:last-child {
             color: #343434;
             font-size: 26rpx;
             margin-left: 15rpx;

           }
         }
       }

       .list-h2 {
         font-size: 26rpx;
         margin-bottom: 33rpx;
         color: #9e9e9e;
        //  display: flex;
        

         text {
           &:nth-child(1) {
             margin-right: 12rpx;
           }

           &:last-child {
             color: #343434;
           }
         }

       }
     }

     //第三块单独样式
    
     .content-three{
       .list-h1 {
         display: flex;

         .list-left {
           flex: 5.2;

         }

         .list-right {
           flex: 6;
         }
       }
       .redSign{
        color: #FF0000 !important;
      }

      //  .last-h1 {
      //    margin-bottom: 59rpx !important;

      //  }

       .order {
         color: #FF0000 !important;
       }
     }
     .content-three>view{
      &:last-child{
        margin-bottom: 60rpx !important;
      }
     }

     //   两个按钮
     .client-button {

       
       left: 0;
       width: 100%;
       display: flex;
       justify-content: space-between;
       position: fixed;
       bottom: 60rpx;
       padding: 0 25rpx;
       box-sizing: border-box;
      
     
       button {
         display: inline-block;
         width: 250rpx;
         line-height: 80rpx;
         height: 80rpx;
         background: #cacaca;
         color: #FFFFFF;
         font-size: 28rpx;
         text-align: center;
         border-radius: 10rpx;
         padding: 0;

         &:last-child {
           background: #f6a526;
         }
       }
       // 09详情按钮单独样式
       .nineBtn{
        width: 200rpx;
        height: 80rpx;
        &:nth-child(2){
          background-color: #f6a526;
        }
        &:nth-child(3){
          background-color: #FF0000;
        }
        
      }
      .redBtn{
        background-color: #FF0000;
      }
     }

   }
  

 }

 // 弹框样式
 .warn-content {
   border-radius: 10rpx !important;
   overflow: hidden;
   width: 638rpx;
   height: 440rpx;
   padding: 32rpx 53rpx 50rpx;
   color: #333;
   box-sizing: border-box;

   .content-title {
     font-size: 32rpx;
     margin-bottom: 20rpx;
   }

   .content-list {
     display: flex;
     justify-content: space-between;
     padding: 14rpx 26rpx;
     border-bottom: 1px solid #E5E5EA;
     font-size: 28rpx;

     view {
       color: #8E8E93;
     }
   }

   .content-textarea {
     position: relative;

     textarea {
       height: 206rpx;
       padding: 17rpx;
       border: 1px solid #D1D1D6;
       box-sizing: border-box;
       width: 100%;
     }

     text {
       position: absolute;
       font-size: 24rpx;
       right: 9rpx;
       bottom: 9rpx;
     }
   }

   .content-button {
     display: flex;
     justify-content: center;
     margin-top: 40rpx;

     button {
       width: 250rpx;
       height: 70rpx;
       line-height: 66rpx;
       margin: 0;
       padding: 0;
       background: #F6A526;
       color: #fff;
       font-size: 24rpx;
       border-radius: 35rpx;
     }
   }

   .img {
     image {
       width: 57rpx;
       height: 57rpx;
     }
   }
 }

 // 弹出框样式2
 .wx-popup {
   position: fixed;
   left:0 ;
   top:0 ;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, .5);
   .sendBack{
    background: #FFFFFF;
   }
   .popupBackground {
   
     width: 638rpx;
     border-radius: 10rpx;
     position: absolute;
     left: 50%;
     top:50%;
     width: 80%;
    //  height: 765rpx;
     width: 638rpx;
     box-sizing: bordre-box;
     transform: translate(-50%, -65%);

   }

   .img {
     image {
       width: 638rpx;
       height: 440rpx;
       position: absolute;
       float: left;
       z-index: -1;
     }
   }

   .cancel {
     position: absolute;
     width: 57rpx;
     height: 57rpx;
     top: 550rpx;
     left: 50%;
     transform: translateX(-28.5rpx);
     z-index: 2;

     image {
       width: 57rpx;
       height: 57rpx;
     }
   }

   .btns {
     width: 595rpx;
     height: 175rpx;
     margin-top: 250rpx;
     margin-left: 45rpx;
     display: flex;
     flex-wrap: wrap;

     view {
       width: 250rpx;
       height: 70rpx;
       background: #f6a526;
       color: #FFFFFF;
       text-align: center;
       line-height: 70rpx;
       border-radius: 35rpx;

       &:nth-child(1) {
         margin-right: 48rpx;
       }
     }
   }
 }
 .affirm {
   .popupBackground {
     width: 595rpx;
     height: 274rpx;
     background: #FFFFFF;

     .font {
       text-align: center;
       font-size: 36rpx;
       color: #333333;
       margin: 63rpx 0 66rpx 0;
     }

     .btn {
       display: flex;
       justify-content: space-around;

       view {
         background: #f6a526;
         width: 200rpx;
         text-align: center;
         line-height: 70rpx;
         height: 70rpx;
         color: #fff;
         border-radius: 35rpx;
       }

       .revocation {
         background: #cacaca;
       }
     }
   }
 }
 .van-count-down{
   color: red !important;
   float: right;
   margin-left: -10px;
   margin-right: 210rpx;
 }